<script src="js/jquery.js"></script>
<script src="js/game.js"></script>
<style>
body{
    background:#FAF8EF;
}
#titie-logo:after {
content: "";
display: block;
clear: both;
}
#restart:after {
content: "";
display: block;
clear: both;
}
#gamecontent:after {
content: "";
display: block;
clear: both;
}
h1{
    margin:0;
}
</style>
<div class="row game" style="height:600px">
<div id="gamepanel" style="margin:0 auto;">
    <div id="titie-logo" style="height:42px">
        <h1 style="margin-top:10px;display: block;float:left;font-size:35px">2048Game</h1>
        <div style="float:right">
            <div style="display:inline-block;background:#BBADA0;font-size:20px;padding:1px 20px;margin:5px;border-radius:5px">
            <p style="font-size:12px;text-align:center;margin:0;color:#EEE4DA">SCORE</p>
            <p id="score" style="text-align:center;margin:0;color:#F7F4F0">0</p>
            </div>
            <div style="display:inline-block;background:#BBADA0;font-size:20px;padding:1px 15px;margin:5px;border-radius:5px">
            <p style="font-size:12px;text-align:center;margin:0;color:#EEE4DA">BEST</p>
            <p id="bestscore" bestscore="<?= $score?>" style="text-align:center;margin:0;color:#F7F4F0">0</p>
            </div>
        </div>
    </div>
    <div id="restart" style="margin-bottom:10px">
        <div style="margin-top:20px;margin-bottom:20px;">
        <a id="resetgame" class="btn btn-default" url="<?= yii::$app->urlManager->createUrl('game/soloajax')?>" style="float:right;background:#8F7A66;color:#F7F4F0;font-size:20px;">New Game</a>
        </div>
    </div>
    <div id="gamecontent">
        <canvas id="gamecanvas" width=450 height=450></canvas>
    </div>
</div>
</div>
